<template>
	<el-card>
		<!--返回按钮  -->
		<el-button icon="el-icon-arrow-left" @click="backClick()" >返回</el-button><br>

		<div v-for="(item,index) in choosePicList" class="img-box">
			<el-image class="img" :src="item.pictureUrl" :preview-src-list="[item.pictureUrl]"/>
		</div>
		
	</el-card>
</template>

<script>
	export default {

		data() {
			return {
				billId:null,
				//订单已选照片列表
				choosePicList:[],
				
			};
		},
		mounted() {
			
			this.$nextTick(() => {
				this.getChoosePicList();
			});
		},
		onload(){
			
		},
		methods: {
			//返回上一页
			backClick(){
				this.$router.back()
			},
			
			//根据学生id获取图片列表
			getChoosePicList() {
                let billId = this.$route.query.id
				this.billId = billId
				console.log("000000000000000="+this.billId)
				this.$api.sysChoosePictureList(billId).then(data => {
					this.choosePicList = data;
				}); 
			},
			
		},
	};
</script>

<style lang="scss" scoped>
.img-box{
	display: inline-block;
	width: 10%;
	
	margin-top: 10px;
	margin-right: 15px;
}
.img{
	width: 100%;
	height: 110px;
}
</style>
